<!DOCTYPE html>
<html>
<script src="../media-controls.js"></script>
<title>Test that media controls are painted corrected when using page zoom.</title>
<video controls width="400"></video>
<script>
  var video = document.querySelector('video');
  enableTestMode(video);

  if (window.testRunner) {
    testRunner.setShouldGeneratePixelResults(false);
    testRunner.waitUntilDone();
  }

  video.onplay = () => {
    video.currentTime = 1;

    if (window.testRunner) {
      testRunner.zoomPageIn();
      testRunner.zoomPageIn();

      testRunner.notifyDone();
    }
  };

  video.src = "../content/test.ogv";
  video.play();
</script>
</html>
